@charset "utf-8";
/* CSS Document */
/*===========================1200px=========================================*/
@media screen and (min-width: 1201px) {
.qm_mainb{width:1280px; margin: 0px auto;}
.top_a,.top_b{ float: left; line-height: 40px; color:#b0b0b0; font-size:14px;}
.top_b{text-align:right; width: 30%;}
.top_a{width:70%;}
.db_main{width:400px;}
.db_maina{width:800px;}
.top_b a{padding:12px 30px; background: #424242;}
.top_b a:link,.top_b a:visited{color:#b0b0b0;}
.fkm_headlogo,.fkm_headdh,.fkm_headss{ float: left;}
.fkm_headlogo{width:300px; padding-top:0px; padding-bottom:5px;}
.fkm_headlogo img{width:100%;}
.en_xs{display:none;}
.fkm_head{ position: fixed; z-index: 888;}
.fkm_headdh{width:850px; margin-right: 100px; float:left;padding-top: 20px; padding-bottom: 20px;}
.fkm_headss{width:270px; float: right; margin-top:30px; border: 1px solid #e0e0e0;}
.fkm_headss input{width:230px; border: 0px;padding: 12px; float: left;}
.fkm_headss button{font-size:20px; border-left: 1px solid #e0e0e0; border-top:0px; border-bottom: 0px; border-right: 0px; width:38px; height: 40px; float: right;}
.fkm_headdh li{ float:left; line-height: 70px;}
.fkm_headdh li a{ font-size:18px;padding-left:69px; font-family: 'cczt'; text-transform: uppercase;}
.fkm_headdh li a:link,.fkm_headdh li a:visited{color:#fff; transition: all 0.6s;}
.fkm_headdh li .ycdh a:link,.fkm_headdh li .ycdh a:visited{color:#222;}
.ycdh{position:absolute; width: 100%;border-bottom: 1px solid #e0e0e0;background: #fff; left:0px; z-index: 999; padding-top: 30px; padding-bottom: 20px; transition: all 0.6s; display:none;}
.top_search{width:100%; float: left;}
.top_search dd span{width:100px; line-height: 60px; display: block; font-size:30px; float: left;}
.top_search dd input{width:660px; float: right; padding: 18px 0px; border: 0px;}
.top_search dd button{width:80px; height: 40px; border: 0px; background: #0036a0; color:#fff;}
.ycdh dd{width:200px; float: left; padding: 18px 20px; text-align: center; }
.ycdh dd h2{font-size:14px; padding-top: 15px;}
.fkm_headdh li .top_search dd{width:100%;}
.fkm_headdh li .ycdh dd a{padding:0px;}
.fkm_headdh li:hover .ycdh{display:block;}
.unti_left{ width:300px; margin-top: 40px; z-index: 666; position: relative; float: left; }
.unti_left dd{ font-size:20px; border: 1px solid #e1e1e1; margin-bottom: 20px; transition: all 0.6s;}
.unti_left dd a:link,.unti_left dd a:visited{color:#222;}
.unti_left dd span{float:right;}
.unti_left dd:hover{background:#fff;}
.unti_left dd:hover a{color:#222;}
.unti_left dd a{display:block; width: 100%;padding:17px 30px;}
.swiper-button-prev{left:250px;}
.fkm_xt{background:#5f5750; height: 177px; margin-top: 15px; width: 230px; float: left;}
.fkm_xta{width:1050px; margin-bottom: 50px; float: right;}
.fkm_xta li{width:335px; float: left; margin-left: 15px; margin-top: 15px;}
.fkm_xta li img{width:100%;}
.fkm_xt li{width:50%; float: left; height: 110px; text-align: center; font-size:18px; line-height: 110px;color:#fff;}
.unti_tt{font-size:20px; font-weight: bold; margin-bottom: 20px; margin-top: 20px;}
.unti_tt a{float:right; font-weight: lighter; font-size:14px;}
.unti_tt a:link,.unti_tt a:visited{color:#222;}
.unti_tt a span{padding:3px; background: #747474;color:#fff; margin-left: 5px; border-radius: 500px;}
.unti_cpleft{width:230px; float: left;}
.right_cp{width:950px; margin-top: 40px; float: right;}
.right_cpa{width:296.6px; border: 1px solid #e1e1e1;padding: 22.5px 30px; text-align: center; transition: all 0.6s; float: left; margin: 10px; background: #fff; margin-bottom: 15px;}
.right_cpa:hover{box-shadow:0px 7px 20px #e1e1e1; }
.right_cpa h1{font-size:18px; height: 60px; margin-bottom: 10px; overflow: hidden;padding-top: 15px; padding-bottom: 6px;}
.right_cpa a:link,.right_cpa a:visited{color:#222;}
.right_cpa p{color:#999;}
.f_menu{width:600px; margin: 0px auto;}
.f_menu li{width:200px; float: left; text-align: center;}
.f_menu li dd{font-size:30px; font-weight: bold;}
.f_menu li p{font-size:16px; color:#888;}
.f_menu li dd span{font-weight:lighter; font-size:18px; padding-left: 10px;}
.f_menub{width:60%; float: left; border-top:1px solid #e1e1e1; margin-top: 30px; padding-top: 30px;}
.f_menub dd{line-height:30px; font-size:16px;}
.googds_read{background:#fff; padding: 25px;}
.cp_leftimg{width:550px; border: 1px solid #e1e1e1; padding: 20px; float: left; }
.right_cpxx{width:670px; padding-left: 30px; float: right;}
.right_cpxxa h1{font-size:24px; font-weight: bold; padding-bottom: 5px;}
.right_cpxxa dd{color:#777;}
.right_cpxxa,.right_cpxxb,.right_cpxxc{width:100%; float: left;}
.right_cpxxa{border-bottom:1px solid #e1e1e1; padding-bottom: 15px;}
.right_cpxxb{padding-top:30px; font-size:16px; line-height: 32px;}
.right_cpxxc{border-top:1px solid #e1e1e1; margin-top: 30px; margin-bottom: 30px;}
.right_cpxxc a{float:left; padding: 20px 40px; font-size:16px; line-height: 30px; margin-top: 30px; font-family: 'cczt';}
.a_lx{background:#e1e1e1;}
.a_lx:link,.a_lx:visited{color:#333;}
.a_xp{background:#ff6700; margin-left: 18px;font-size:16px;color:#fff;padding: 20px 40px; border: 0px; height: 70px; margin-top: 30px;font-family: 'cczt'; line-height: 30px;}
.a_xp:link,.a_xp:visited{color:#fff;}
.cpxx_read{width:100%; float: left; margin-top: 40px;border-top:3px solid #e1e1e1; padding-top: 30px;}
.cpxx_reada{font-size:24px; font-weight: bold;}
.cpxx_reada,.cpxx_readb{width:100%; float: left;}
.cpxx_readb{font-size:16px; width: 100%; padding-top: 30px; line-height: 30px;}
.xp_cpa,.xp_cpb{width:100%; float: left; background: #333; padding: 40px;}
.xp_cpa img{width:100px; float: left; padding-right: 20px;}
.xp_cpa{color:#fff; font-size:20px; line-height: 100px;}
.xp_cpb li{width:50%; float: left; padding: 2px; margin-bottom: 15px;}
.xp_cpb li input{width:100%; border:0px; background: #fff; padding: 15px 20px;}
.xp_cpb dd{padding:2px; margin-top: 15px;}
.xp_cpb dd textarea{width:100%; border:0px solid #fff; padding: 15px 20px; height: 120px;}
.xp_cpb,.xp_cpc{padding:10px 40px;}
.xp_cpc{background: #333;}
.xp_cpc button{width:150px; height: 40px; margin-bottom: 38px; border: 0px; background:#ff6700; font-size:18px; color:#fff;}
#a_a1{display:none;}
#page{width:100%; float: left; text-align: center; margin-top: 40px; margin-bottom: 60px;}
#page a,#page span{padding:10px; font-size:18px; transition: all 0.6s; background: #e1e1e1; margin: 5px; font-size:16px;}
#page a:link,#page a:visited{color:#222;}
#page .cur{background:#0036a0;}
#page .cur:link,#page .cur:visited{color:#fff;}
#page a:hover,#page span:hover{background:#ff6700; color:#fff;}
.about_read{ padding:50px 0px; margin-top: 30px; width: 100%; float: left;}
.about_read p{margin-bottom:20px; text-indent: 2em;}
.about_read{font-size:18px; line-height: 32px;}
.about_reada{font-sizd:26px; font-weight: bold; padding-bottom: 18px;}
.news_righta{width:100%; float: left; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; margin-bottom: 20px;}
.news_righta1{width:300px; float: left;}
.news_righta2{width:890px; float: right;}
.news_righta2 h1{font-size:22px; font-weight: bold;padding-bottom: 15px; }
.news_righta2 p{font-size:16px; color:#888; line-height: 30px;}
.news_righta2 dd{font-size:16px; color:#888; margin-bottom: 18px;}
.news_righta2 p a{float:right; margin-top: 20px;}
.news_righta2 p a:link,.news_righta2 p a:visited{color:#ff6700;}
/*.ht_maina{padding:80px 0px; background: url(../images/m_bg.png) 30px no-repeat;}*/
.ht_title h1{font-size:40px; font-family: 'Roboto'; font-weight: bold;}
.ht_title p{font-size:18px; font-family: 'Arial'; padding: 10px 20%;color:#696a6c;}
.ht_title dd{padding:10px 0px;}
.ht_syabout{padding:30px 10%; text-align: center; }
.ht_syabouta{font-size:18px; line-height: 32px; color:#666;}
.ht_syaboutb {padding-top:20px;}
.ht_syaboutb a{padding:10px 35px; border-radius: 500px; font-size:18px; background:#0036a0;}
.ht_cpmain{position:relative;}
.cpunti_list{padding:10.7% 10%; text-align: center;}
.cpunti_listb h1{font-family: 'Roboto'; font-weight: bold; font-size:40px; padding-top: 20px; padding-bottom: 17px; text-transform: uppercase;}
.ht_cpmain a:link,.ht_cpmain a:visited{color:#fff; }
.cpunti_listb dd{font-size:26px;}
.ht_cpmain{overflow:hidden;}
.cpunti_listb h1,.cpunti_listb dd{display:none;}
.cpunti_list:hover .cpunti_listb h1,.cpunti_list:hover .cpunti_listb dd{display:block;}
.ht_tjcpm{padding:80px 0px;}
.pc_tjcp{margin-top:36px;}
.tjcpa dd{font-size:20px; font-weight: bold; text-align: center; padding: 20px 0px; border-top: 1px solid #e1e1e1;}
.ht_huanjing{ background-image:-webkit-gradient(linear, left bottom, right top, color-stop(0.32, #1a59a8), color-stop(0.66, #039de5), color-stop(0.83, #039de5)); padding: 20px 0px;}
.ht_huanjing .ht_ttb dd{color:#0c88d2; padding-top: 20px;}
.ht_huanjing .ht_ttb h1{color:#fff;}
.ht_synews{padding:50px 0px;}
.syxw_list{width:413.33px;margin-top: 20px; border: 1px solid #e1e1e1; padding: 25px; float: left;}
.syxw_lista {font-family:'Arial';}
.syxw_lista dd{font-size:32px; font-weight: bold; padding-bottom: 0px;color:#888; padding-top: 10px;}
.syxw_lista p{font-size:14px; padding-bottom: 15px;}
.syxw_listb h1{font-weight:bold; font-size:20px; padding-bottom: 15px;}
.syxw_listb p{font-size:16px;color:#666; line-height: 30px;}
.ht_left{margin-left:20px;}
.f_ewm{width:320px; float: right; margin-top: 40px;}
.f_ewma,.f_ewmb{width:150px; float: left;}
.f_ewm img{width:100%; padding: 10px; background: #fff;}
.f_ewma{text-align:right; width: 170px; font-size:18px; padding-right: 18px; padding-top:40px;}
.f_ewma dd{padding-bottom:14px;}
.fkm_head .qm_mainb{width:90%;}
.fkm_head{position:relative;}
.right_head{width:180px; position: absolute; right: 0px; top: 0px;}
.right_head li{width:90px; float: left; text-align: center; text-transform: uppercase;height: 111px; position: relative;padding: 30px 0px; z-index: 88;color:#fff;}
.right_head li a:link,.right_head li a:visited{color:#fff;}
.right_head li a{display:block; width: 100%;}
.search_bg{}
.search_bg a:link,.search_bg a:visited{color:#fff;}
.right_head li dd{font-size:28px; padding-bottom: 10px;}
.search_bg .ycdh{width:500px;right:0px;}
.ycdha{position:absolute; width: 100%; left: 0px; top: 110px; padding: 30px 0px; border-top:1px solid #e1e1e1;z-index: 999; background: #fff; display: none;}
.search_bg:hover .ycdha{ display:block;}
.kws_search{background:#fff; position: relative; z-index: 9999;}
#kws_search{display:none;}
.top_searchvv{width:100%; padding: 30px;color:#fff;}
.h_tt{font-size:30px;font-family: 'Roboto'; font-weight: bold; text-transform: uppercase; padding-bottom: 15px;}
.top_searchvv input{width:100%; float: left; background: #fff;color:#222; border: 0px; padding: 20px 15px;}
.top_searchvv button{width:120px; margin-top: 30px; border: 0px; background: #222; height: 40px;}
.search_bg button{border:0px; background: none;color:#fff; text-transform: uppercase;}
.layui-layer{background:#fff;}
.fkm_head .db_main{width:1280px;}
.unti_sylist{width:20%; float: left; position: relative; overflow: hidden;}
.unti_sylista,.unti_sylistb{width:100%; float: left;}
.unti_sylistb{position:absolute; top:70%; height: 100%; transition: all 0.6s; padding: 20px;background: linear-gradient(to top, rgba(0,0,0,0.9)0%, rgba(0,0,0,0.3)75%, rgba(0,0,0,0)98%);}
.unti_sylistb h1{font-size:26px; height: 84px; text-transform: uppercase;font-family: 'cczt'; padding-bottom: 20px;}
.unti_sylist:hover .unti_sylistb{top:5%;}
.unti_sylist a:link,.unti_sylist a:visited{color:#fff;}
.unti_sylistb p{font-size:16px; font-family: Arial; line-height: 28px;}
.cpmenu_list{width:100%; margin-top: 30px;}
.cpmenu_lista{width:300px; overflow: hidden;transition: all 0.6s; text-align: center; float: left; margin: 10px; border: 1px solid #eee;}
.cpmenu_lista img{width:100%;}
.cpmenu_lista h2{padding:25px 0px; font-family: 'cczt';}
.cpmenu_lista:hover{box-shadow:0px 2px 7px #eee; border-radius: 10px;}
.xp_cp{ background:#232323; padding: 80px 0px; }
.db_ff{background:#212121; border-top:6px solid #3485fb;}
.xp_left{width:50%; padding-right: 100px; float: left;}
.xp_left h1{font-size:40px;font-family: 'cczt';color:#fff; text-transform: uppercase; padding-bottom: 20px;}
.xp_left dd{font-size:16px; font-family:'Arial';color:#fff; line-height: 30px; margin-bottom:50px;}
.xp_left p a{padding:15px 40px; background: #fff; border-radius: 10px; font-family: 'Arial';}
.jlleft{margin-left:30px;}
.cp_right{width:50%; float: right;}
.cp_righta{width:305px; float: left; background: #fff; padding: 30px; z-index: 100; position: relative;}
.cp_righta h1{font-size:20px; padding-top: 20px; font-weight: bold; padding-bottom: 15px;}
.cp_righta dd{width:100%; float: left; margin-top: 20px; margin-bottom: 30px;}
.cp_righta dd span{padding:10px 30px; box-shadow: 0px 0px 7px #eee; font-family: 'cczt'; border-radius: 500px; background: #e67e29; color:#fff;}
.kws_abouta{padding:100px 0px;}
.kws_abouta .ht_title{margin-top:40px;}
.ht_title h1 span{color:#2070d1;}
.ht_title h1{text-transform: uppercase;color:#fff; font-size:50px; position: relative; z-index: 30;}
.ht_title p{color:#363636; font-weight: bold;position: relative; z-index: 10; font-size:50px; margin-top: -30px; text-transform: uppercase;}
.video_main{width:100%; float: left; margin-top: 40px;}
.sp_list{width:406.6px; float: left;position:relative; z-index: 3;}
.sp_list img{width:100%;}
.sp_lista,.sp_listb,.sp_listc{width:100%; float: left;}
.sp_lista{}
.sp_listb{position:absolute; top:0px; z-index: 100; text-align: center; padding: 100px;}
.sp_listb span{padding:20px;font-size:46px;color:#fff; background-color:rgba(32,112,209,0.4); border: 3px solid #fff; border-radius: 500px;}
.sp_listc{text-align:center; font-size:20px; padding-top: 20px;}
.about_img{width:100%; float: left; margin-top:50px;}
.about_left{width:35%; float: left; padding-top: 40px;}
.about_left dd{font-size:30px;font-family: 'cczt';}
.about_left h1{font-size:50px;font-family: 'cczt';}
.about_left p{width:100%; float: left; margin-top:20px; margin-bottom: 30px;}
.about_left p span{font-size:20px; padding:12px 30px; background: #2070d1;color:#fff; }
.about_right{width:65%; float: right; line-height: 30px; font-size:18px; margin-top: 30px;}
.about_more{width:100%; float: left; margin-top: 50px;}
.about_more a{padding:7px 10px; background: #eee; border-radius: 7px;}
.swiper-paginationzs{width:100%; float: left; text-align: center; padding-top: 50px;}
.f_left{width:400px; float: left; padding-top: 90px; padding-bottom: 50px;}
.f_left dd{color:#fff; margin-top: 20px;margin-bottom: 40px;}
.f_left p a:link,.f_left p a:visited{color:#5d93d4;}
.f_left p a{font-size:28px; padding-right: 10px;}
.f_dha{width:200px; float: left;color:#fff; padding-top: 90px; margin-bottom: 50px;}
.f_dha h1{font-family: 'cczt'; font-size:24px; padding-bottom: 25px;}
.f_dha dd{font-size:18px;color:#999; font-family: 'Arial'; line-height: 38px;}
.f_dha dd a:link,.f_dha dd a:visited{color:#999;}
.f_dhb{width:460px; float: right; position: relative;}
.f_dhb img{position:absolute; right:0px; top:160px; width: 130px;}
.ff_end{padding:20px 0px;}
.f_newsf{margin-left:20px;}
.n_banner{position:relative;}
.tt_nbt{position:absolute;width:100%; text-align: center; top: 0px; padding:10% 0px; z-index: 88; font-size:40px; color:#fff; font-family: 'cczt'; }
.tt_nbt p{width:80px; height: 5px; background:#2070d1; margin: 15px auto;}
.yy_ycdh{position: absolute; display:none; transition: all 0.6s;width: 100px; background:#2070d1;z-index: 888; top:111px;}
.yy_ycdh a{font-size:16px;}
.yy_ycdh dd{padding:15px 0px; border-bottom: 1px solid #3d8ae8;}
.right_head li:hover .yy_ycdh{display:block;}
.zxly_a{position:fixed; bottom:0px; height: 50px; width: 180px; background: #2070d1; border-top-left-radius: 7px; z-index: 777; right: 0px;}
.zxly_a button{width:100%; border: 0px; height: 50px; background: none;color:#fff; font-size:18px;}
.zxly_a button span{padding-right:6px;}
#zxly_menu{width:100%; float: left; display: none;padding: 40px; color:#fff;}
.zxly_menua,.zxly_menub,.zxly_menuc,.zxly_menud{width:100%; float: left;}
.zxly_menua dd{width:50%; float: left; margin-bottom: 15px;}
.zxly_menua dd input{padding:15px; border: 0px; width: 95%;color:#222;}
.zxly_menub textarea{width:97.5%; border: 0px; padding: 15px; height: 120px;}
.zxly_menuc{margin-top:15px;}
.zxly_menuc input{width:180px;padding:15px; float: left;}
.zxly_menuc img{width:200px; float: left; margin-left: 20px;}
.zxly_menud {margin-top:30px;}
.zxly_menud button{width:100%; border: 0px; height: 40px; background: #333; color:#fff; font-size:18px;}
.zxly_menud button span{padding-right:10px;}
.cpunti_tt{width:100%; height: 100px; background: #2070d1; line-height:34px; color:#fff; text-transform: uppercase; font-family: 'cczt'; padding:18px 20px; font-size:30px;}
.vis_link{background:#2070d1;}
.unti_left .vis_link a:link,.unti_left .vis_link a:visited{color:#fff;}
.cp_imgxp{padding-bottom:15px;}
#zxly_menua{display:none;}
.right_cpxxc span{font-size:26px; padding-right: 10px; float: left;}
.cpxx_reada span{padding:15px 30px; background: #2070d1;color:#fff; float: left;}
.cpxx_reada{border-bottom:1px solid #e1e1e1;}
.lx_list{width:406.6px; float: left; margin-top: 40px; margin-bottom: 40px;}
.lx_lista img{border:12px solid #e1e1e1;}
.lx_lista h1{font-size:30px; font-family: 'cczt';text-transform: uppercase; padding-top: 20px; text-align: center;}
.lx_listb{padding:30px;}
.lx_listb dd{width:90px; transition: all 0.6s; position: relative; z-index: 100; height:90px; margin: 0px auto; border: 2px dashed #e1e1e1; border-radius: 500px; background: #fff; }
.lx_listb dd span{display:block; background: #fff; line-height: 70px; font-size:30px; text-align: center; width: 70px; height: 70px;border: 1px dashed #e1e1e1; border-radius: 500px; margin: 8px;color:#2070d1;}
.lx_listb p{width:100%; height: 1px; background: #e1e1e1; position: relative; margin-top: -44px; z-index: 10;}
.lx_listc{margin-top:40px; text-align: center; font-size:16px; font-family: 'century';color:#666;}
.lx_listc dd{width:100px; height: 1px; background: #e1e1e1; margin: 20px auto;}
.lx_list:hover .lx_listb dd{background:#2070d1;}
.xxk_menub,.xxk_menuba{padding:30px 0px;}
.xxk_menub li{width:33.33%; float: left;padding: 10px;}
.xxk_menuba li{width:25%; float: left;padding: 10px;}
.xxk_menub li img,.xxk_menuba li img{width:100%; border:8px solid #e1e1e1;}
.tt_padd{padding-top:40px;}
.gs_name{color:#fff; font-size:22px; padding-bottom: 20px;}
.pp_bb{padding:10px 20px; background: #e67e29; color:#fff;transform: skewX( -15deg) ; margin-bottom: 20px;}
.pp_bb span{transform: skewX( 15deg) ; display: block; width: 100%; font-size:24px;}
.unti_ht{margin-top:30px;margin-bottom: 20px; text-align: center;}
.unti_ht a{ padding:15px 35px; background: #eee; font-size:18px; margin: 0px 5px;}
.cpmenu_list{margin-bottom:70px; float: left;}
.head_right{display:none;}
.m_shubiao {
position: absolute;
width: 22px;
height: 40px;
bottom: 20px;
right: 11.5%;
z-index: 999;
}
.m_shubiao img {
width: 100%;
}
.m_shubiao p:nth-child(1) {
width: 22px;
height: 40px;
background: url(../images/m_ban1.png)no-repeat center bottom;
position: absolute;
left: 0;
bottom: 0;
animation: mysecond 2s infinite normal;
z-index: 99;
}
.m_shubiao p:nth-child(2) {
width: 22px;
height: 0px;
background: url(../images/m_ban1_1.png)no-repeat center top;
position: absolute;
left: 0;
top: 0;
animation: myfirst 2s infinite normal;
z-index: 91;
}
.jl_about{padding:70px 0px;}
.jl_abouta{width:60%; float: left;}
.jl_aboutb{width:36%; float: right; padding-top: 100px;}
.jl_aboutaa span{ float:left; padding: 10px 30px; font-size:20px; color:#fff; background: #3485fb;}
.jl_aboutaa span font{padding-right:10px;}
.jl_aboutab{padding:40px 0px;}
.jl_aboutab h1{font-size:60px; font-family: 'Roboto'; font-weight: bold; padding-bottom:5px;}
.jl_aboutab h2{font-size:32px;margin-bottom: 40px;}
.jl_aboutab p{font-size:20px; text-indent: 2em; line-height: 32px;}
.jl_aboutab dd a{float:left; border-radius: 8px; padding: 10px 30px; background: #eee; font-size:20px; margin-right: 15px; margin-top: 30px;}
.jl_aboutac a{float:left; border-top: 1px solid #333;margin-top: 50px;text-decoration:underline; font-size:18px;}
.hy_list{width:16.66%; text-align: center; overflow: hidden;float:left; margin-top: 30px;}
.hy_lista { overflow: hidden;}
.hy_lista img{transition:all 0.5s;; transform: scale(1, 1);}
.hy_listb{color:#fff; padding: 20px;}
.hy_listb p{text-transform:uppercase; padding-top:8px;color:#696868;}
.hy_list:hover .hy_lista img{ transform: scale(1.3, 1.3);}
.tjcp_jl{padding:20px; background: #fff;}
.tjcp_jl h1{font-size:20px; text-align: center; padding-top: 20px; border-top: 1px solid #eee; padding-bottom: 20px;}
.news_more{text-align:center; margin-top: 60px; margin-bottom: 50px;}
.news_more a{font-size:20px; border-top:1px solid #333; padding-top: 5px;}
.ff_end{padding:50px 0px; font-size: 20px;}
.jszc_f{float:right;}
.ff_end .jszc_f:link,.ff_end .jszc_f:visited{color:#777;}
.about_bg{padding:230px 0px;}
.about_con{width:60%; float: left; font-size:20px;line-height: 32px; color:#fff; padding-top: 40px;}
.about_tt h1{font-size:50px; font-weight:bold;color:#fff; padding-top: 50px;}
.about_tt dd{font-size:24px; padding-top: 10px;color:#fff;}
.qywh{padding:60px 0px;}
.qywh_list{float:left; margin-bottom: 30px; width: 297.5px; background: #fff;}
.qywh_listb{padding:30px 20px;}
.qywh_listb h1{font-size:30px; padding-bottom: 20px;}
.qywh_listb h1 span{font-size:14px; font-family: 'Arial'; padding-left: 10px; text-transform:uppercase; color:#999;}
.qywh_listb p{font-size:18px; line-height: 30px;}
.left_wh{ margin-left: 30px;}
.wh_man{padding:60px 0px;}
.wh_tt h1{font-size:50px; font-weight: bold; position: relative; z-index: 40;}
.wh_tt p{font-size:40px;font-family: 'Arial';text-transform:uppercase;color:#ccc; position: relative; z-index: 20; margin-top: -20px; margin-bottom: 40px;}
.jzg_cs{font-size:20px; }
.jzg_cs p{margin-bottom:20px; line-height: 32px;}
.jzg_cs p span{font-weight:bold; color:#3485fb; padding-right: 15px;}
.xxk_menub h1{font-size:20px;text-align: center; padding-top: 15px;}
.fkm_head .logob{display:none;}
}
.news_more a:link,.news_more a:visited{color:#222;}
.goods_unti li:hover a,.yy_ycdh a:link,.yy_ycdh a:visited{color:#fff;}
.lx_lista,.lx_listb,.lx_listc,.xxk_menub,.unti_ht,.jl_about,.jl_aboutaa,.jl_aboutab,.jl_aboutab dd,.jl_aboutac,.hy_lista,.hy_listb,.news_more,.about_tt,.qywh,.qywh_lista,.qywh_listb,.wh_tt,.jzg_cs,.xxk_menuba{width:100%; float: left;}
.jl_aboutac a:link,.jl_aboutac a:visited{color:#222;}
/*================================1580======================================*/
@media screen and (min-width: 1600px) {
.qm_mainb{width:1500px; margin: 0px auto;}
.db_main{width:400px;}
.db_maina{width:800px;}
.qywh_list{width:735px; float: left;}
.qywh_listb{height:240px;}
.fkm_headdh{width:1150px; float: right;margin-left:0px;}
.fkm_headdh li a{ padding-left:97px;}
.unti_sylistb h1{height:84px;}
.unti_sylistb{top:75%; }
.lx_list{width:480px;}
.f_newsf{margin-left:40px;}
.unti_sylist:hover .unti_sylistb{top:40%;}
.ycdh{position:absolute; width: 100%;border-top: 1px solid #e0e0e0;background: #fff; left: 0px;}
.right_cpa{width:480px; border: 1px solid #e1e1e1;padding: 22.5px 30px; text-align: center; transition: all 0.6s; float: left; margin: 10px; background: #fff; margin-bottom: 15px;}
.f_dha h1{font-family: 'cczt'; text-transform: uppercase;font-size:26px; padding-bottom: 25px;}
.f_dha{width:220px; float: left;color:#fff; padding-top: 90px; margin-bottom: 50px;}
.f_left{width:500px;}
.f_dhb{width:560px; float: right;}
.search_bg .ycdh{width:500px;}
.fkm_xta,.right_cp{width:1170px; float: right;}
.fkm_xt{height:220px;}
.fkm_xta li{width:408.33px; float: left;}
.lb_unti{ margin-top: 50px;}
.cp_leftimg{width:500px; border: 1px solid #e1e1e1;}
.right_cpxx{width:570px; float: right; }
.news_righta2{width:1110px; float: right;}
.syxw_list{width:486.66px;}
.fkm_head .db_main{width:1500px;}
.cpmenu_lista{width:355px; }
.cp_righta{width:360px; float: left;}
.sp_list{width:480px; float: left;}
#zxly_menua{padding:40px; width: 100%; float: left;}
.lx_maina{width:100%; float: left;}
.lx_list{}
.fkm_head{position:fixed;}
}
/*================================wap=======================================*/
/*moble*/
@media screen and (max-width: 1200px) {
.pc_bb{display:none;}
.cp_reada{padding:15px 4%;}
.index_aboutb1{padding-left:4%; padding-right: 4%;}
.pc_fy{display:none;}
.wap_fy{display:block;}
.pc_banner{}
.logoa{display:none;}
.jl_abouta{width:100%; padding: 20px 4%; float: left;}
.jl_aboutb{width:100%; float: right; padding-top:30px;}
.jl_aboutaa span{ float:left; padding: 10px 30px; font-size:16px; color:#fff; background: #3485fb;}
.jl_aboutaa span font{padding-right:10px;}
.jl_aboutab{padding:20px 0px;}
.jl_aboutab h1{font-size:30px; font-family: 'Roboto'; font-weight: bold; padding-bottom:5px;}
.jl_aboutab h2{font-size:22px;margin-bottom: 40px;}
.jl_aboutab p{font-size:16px; text-indent: 2em; line-height: 28px;}
.jl_aboutab dd a{float:left; border-radius: 8px; padding: 10px 20px; background: #eee; font-size:16px; margin-right: 5px; margin-top: 30px;}
.jl_aboutac a{float:left; border-top: 1px solid #333;margin-top: 20px;text-decoration:underline; font-size:16px;}
.tjcp_jl h1{font-size:16px; text-align: center; padding-top: 10px; padding-bottom: 18px;}
.tjcp_jl{background:#fff;}
.hy_list{width:50%; float: left;}
.hy_listb{font-size:18px;}
.hy_listb{font-size:18px; text-align: center; padding-bottom: 20px; padding-top: 10px; color:#fff;}
.hy_listb h1{font-size:18px;}
.contact_lista p{line-height:30px;color:#777; }
.goods_untivv a:link,.goods_untivv a:visited{color:#666;}
.qm_mainb{width:100%; float: left; }
.index_lb_a{width:50%; float: left; padding: 1%;}
.logo_a{width:100%; text-align: center; padding-top: 30px;}
.dh_maina{width:100%; padding-top: 30px; padding-bottom: 30px;}
.dh_maina li{float:left; padding-right:70px; }
.head_dh{display:none;}
.wap_daohang{width:40px; float: right; margin-top: 15px;}
.wap_daohang li{width:100%; height: 2px; background: #fff; margin-bottom: 12px;}
.head_yy{width:150px; float: left; display: none;}
.head_yy a:link,.head_yy a:visited{color:#fff;}
.head_yy a{padding:5px 15px; float: left;}
.head_logo{width:50%; float: left; max-width: 204px;}
.hs_head {position:relative;z-index: 9999; background:#fff; border-bottom: 1px solid #fff;}
.main2_right a{padding:15px 35px; background: #fff; font-size:16px;}
.main2_right{width:100%; float: left; margin: 20px 0px;}
.main2_right a:link,.main2_right a:visited{color:#222;}
.tc_maina{color:#fff;}
.dh_tcm{width:100%; float: left; margin-top: 15px;}
.dh_tcm a{display:block; font-size:14px; font-weight: bold;width: 100%; line-height: 40px; margin-bottom: 10px; text-align: center; border: 1px solid #fff;}
.dh_tcm a:link,.dh_tcm a:visited{color:#fff;}
.tc_maina h1,.tc_maina dd{display:none;}
.index_aboutimg{width:100%; padding: 15px 0px;}
.index_aboutimg img{width:100%;}
.index_aboutjs{width:100%;padding: 15px 0px;}
.index_aboutjsa h1{font-size:24px; margin-bottom: 10px;}
.index_aboutjsa dd{padding-bottom:20px;}
.index_aboutjsb{line-height:29px;}
.index_aboutjsb img{display:none;}
.index_aboutjsc{width:100%; margin-top: 30px; margin-right: 20px; border: 1px solid #eee; float: left; border-radius: 6px; padding: 15px;}
.index_aboutjsc1{width:20%; max-width: 44px; float: left; margin-top: 5px; border-right:1px solid #eee;text-align: center;}
.index_aboutjsc2{width:75%; float: right;}
.index_aboutjsc2 h1{font-size:14px;}
.index_aboutjsc2 dd{color:#4ca391; font-weight: bold; font-size:20px;}
.index_aboutlink{width:100%; float: left; margin-top: 60px; margin-bottom: 40px;}
.index_aboutlink a:link,.index_aboutlink a:visited{color:#4ca391;}
.index_aboutlink1{width:150px; border: 2px solid #4ca391; float: left; text-align:center; line-height: 45px; font-size:18px;font-family: 'Arial';}
.index_aboutlink2{width:40px; float: left; margin-top: 20px; margin-left: -22px;}
.index_aboutlink2{margin-left: -22px;}
.a1{animation:ani-svg .25s linear 0s alternate infinite;}
.a2{animation:ani-svg .35s linear 0s alternate infinite;}
.index_aboutlink2 dd{width:100%; height: 2px; background: #4ca391; margin-bottom: 10px;}
.index_title{width:100%; float: left; text-align: center; color:#fff;}
.index_title h1{ font-family: Aria; font-size:24px; text-transform: uppercase; font-weight:bold; padding-top: 40px;}
.index_title dd{width:100px; margin: 10px auto; height: 1px; background: #4ca391;}
.index_title p{padding-bottom:45px;}
.unti_listb h1{display:none;}
.unti_list{width:50%; float: left; }
.unti_list a:link,.unti_list a:visited{color:#fff;}
.unti_listc dd{display:none;}
.unti_listc{width:100%; padding: 15px 2%; text-align: center;}
.unti_listc h1{font-size:18px;}
.footer_a,.footer_b,.footer_c{padding:10px 4%; width: 100%; float: left;}
.footer_b dd{width:50%; float: left;}
.lk_kefu{display:none;}
.ybc_wap{width:50px; height:100px; position: fixed; right: 0px; bottom: 50px; background: #4ca391; color:#fff; z-index: 9999; border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.ybc_wap li{width:100%; height: 50px; text-align: center; line-height: 50px;}
.ybc_wap a:link,.ybc_wap a:visited{color:#fff;}
.footer_end{padding:0px 4%;}
.lk_aboutbanner{height:250px; background: url(../images/subheader-about.jpg);color:#fff;}
.lk_contactbanner{background:url(../images/contact_banner.jpg); height: 250px;}
.banner_title{width:100%; padding-top: 70px;color:#fff;}
.banner_title h1{font-size: 22px; font-weight: 900;}
.banner_title dd{font-size: 16px; padding: 10px 0px; }
.banner_title dd font{color:#ffd100; }
.banner_title dd a:link,.banner_title dd a:visited{color: #b7b7b7;}
.goods_unti li{display:block; width: 100%; height: 40px; line-height: 40px; font-size:16px; font-family: Arial; background: #fff; margin-bottom: 5px; text-align: center;}
.goods_unti .hover_untia{background:#4ca391;}
.hover_untia a:link,.hover_untia a:visited{color:#fff;}
.goods{width:46%; float: left; margin: 15px 2%; text-align: center;}
.goodsa h1{font-size:16px; font-family: Arial;}
.cp_reada2 img{width:100%;}
.contact_lista{margin-bottom:30px;}
.layui-form{padding:15px 4%;}
.news_listb h1{font-size:14px; height: 42px; overflow: hidden;}
.hover_untia a:link,.hover_untia a:visited{color:#e97917;}
.bem_b a { padding: 0px 6px;}
.wap_daohang li{width:100%; height: 2px; background: #e4791a; margin-bottom: 12px;}
.index_unti{background:#e4791a;}
.pc_tjcp{display:none;}
.page_a a{display:block; width: 46%; margin:5px 2%; background: #eee; text-align: center; line-height: 36px; float: left;}
#page{width:100%;color:#20416e; float: left; margin-top: 30px; text-align: center;}
#page a,#page span{padding:5px; border:1px solid #ccc; margin: 8px; font-family: Arial; font-size:14px;}
#page a:link,#page a:visited{color:#20416e;}
#page a{transition:all 0.6s;}
#page a:hover{ background: #81b61d; color: #fff; border: 1px solid #81b61d;}
.news_list a:link,.news_list a:visited{color:#222;}
.auto_kf{display:none;}
.fkm_head{padding:10px 4%;}
.fkm_headlogo{width:65%; float: left;}
.fkm_headlogo img{width:100%;}
.head_right{width:35%; float: right;}
.head_right button{width:50px; height:35px; border: 0px; background:#2070d1; color:#fff; border-radius: 4px; float: right;}
.fkm_headdh{width:100%; float: left; padding:20% 5%; }
.fkm_headdh li{width:100%; text-align: center; border: 1px solid #fff; line-height: 40px; float: left; margin-bottom: 10px;}
.fkm_headdh li a:link,.fkm_headdh li a:visited{color:#fff;}
.fkm_headdh li .ycdh dd{width:33.33%; float: left; padding: 10px 3px;}
.fkm_headdh li .ycdh dd img{width:100%;}
.fkm_headdh li .ycdh dd h2{font-size:16px; padding: 5px 0px; text-align: center;}
#htdh,.right_head,#kws_search{display:none;}
.ht_title{margin-top:40px;}
.ht_title h1{font-size:30px; font-family: 'Roboto'; font-weight: bold;}
.ht_title p{font-size:14px; font-family: 'Arial'; padding: 10px 5%;color:#696a6c;}
.ht_title dd{padding:10px 0px;}
.unti_ht{margin-top:0px;margin-bottom: 20px; text-align: center; width: 100%; float: left;}
.unti_ht a{ display: block; width: 31.33%; background: #eee; padding: 6px 0px; font-size:16px; margin:5px 1%; float: left;}
.cpmenu_list{padding:0px 2%;}
.cpmenu_lista{width:48%; margin: 10px 1%; float: left; border: 1px solid #e1e1e1;}
.cpmenu_lista img{width:100%;}
.cpmenu_lista h2{text-align:center; padding: 10px 0px; font-size:18px;}
.xp_cp{ background:#232323; padding:30px 3%; }
.xp_left h1{font-size:40px;font-family: 'cczt';color:#fff; text-transform: uppercase; padding-bottom: 20px;}
.xp_left dd{font-size:16px; font-family:'Arial';color:#fff; line-height: 30px; margin-bottom:50px;}
.xp_left p a{padding:10px 30px; float: left; margin-bottom: 20px; background: #fff; border-radius: 10px; font-family: 'Arial';}
.pp_bb{padding:10px 20px; background: #e67e29; color:#fff;transform: skewX( -15deg) ; margin-bottom: 20px;}
.pp_bb span{transform: skewX( 15deg) ; display: block; width: 100%; font-size:14px;}
.gs_name{color:#fff; font-size:22px; padding-bottom: 20px;}
.cp_righta{width:46%; float: left; background: #fff; margin: 15px 2%;}
.cp_righta h1,.cp_righta p,.cp_righta dd{padding:0px 10%;}
.cp_righta h1{font-size:16px; font-weight: bold; padding-bottom: 10px;}
.cp_righta p{font-size:12px; height: 40px;}
.cp_righta dd{padding-bottom:20px;}
.xp_left,.xp_right{width:100%; float: left;}
.about_left,.about_right{width:100%; float: left; padding: 0px 4%;}
.about_left dd{font-size:20px; margin-top: 30px; font-family: 'cczt';}
.about_left h1{font-size:50px;font-family: 'cczt';}
.about_left p{width:100%; float: left; margin-top:20px; margin-bottom: 30px;}
.about_left p span{font-size:20px; padding:12px 30px; background: #2070d1;color:#fff; }
.about_right{font-size:16px; line-height: 28px;}
.ht_tjcpm{width:100%; float: left; padding: 20px 2%; background: #e1e1e1;}
.swiper-paginationzs{text-align:center; padding-top: 10px; width:100%;}
.syxw_list{width:100%; float: left; padding: 10px 4%; border-bottom: 1px solid #eee;}
.syxw_lista,.syxw_listb{width:100%; float: left;}
.syxw_lista dd{font-size:28px; font-weight: bold;}
.syxw_lista p{margin-bottom:20px;}
.syxw_listb h1{font-size:16px; font-weight: bold;}
.syxw_listb p{font-size:14px;color:#777; padding-bottom: 20px; line-height: 28px;}
.db_ff{background-image: url(../images/f_bg.jpg);background-size: cover;background-position: center; padding: 30px 4%;}
.f_left dd{color:#fff; margin-top: 20px;margin-bottom: 40px;}
.f_left p{display:none;}
.f_left p a:link,.f_left p a:visited{color:#5d93d4;}
.f_left p a{font-size:28px; padding-right: 10px;}
.f_dha{width:100%; margin-bottom: 20px; float: left;color:#fff;}
.f_dha h1{font-family: 'cczt'; text-transform: uppercase;font-size:20px; padding-bottom: 25px;}
.f_dha dd{font-size:16px; width: 33.33%; float: left; font-family: 'Arial'; line-height: 38px;}
.f_dha dd a:link,.f_dha dd a:visited{color:#99c2f3;}
.f_dhb dd{width:100%;}
#zxly_menu,.unti_left{display:none;}
.zxly_a{display:none;}
.ff_end{text-align:center; line-height: 30px; padding: 15px 0px;}
.n_banner{position:relative;}
.tt_nbt{position:absolute;width:100%; text-align: center; top: 0px; padding:5% 0px; z-index: 88; font-size:20px; color:#fff; font-family: 'cczt'; }
.tt_nbt p{width:80px; height: 5px; background:#2070d1; margin: 15px auto;}
.f_dqwz{padding:0px 4%;}
.about_read{width:100%; float: left; padding: 20px 4%;}
.about_reada,.about_readb{width:100%; float: left;}
.about_reada{font-size:20px; margin-bottom: 20px; font-weight: bold;}
.about_readb{font-size:16px; line-height: 30px;}
.right_cpa{width:46%; float: left; margin:10px 2%; padding: 10px 1%; border: 1px solid #e1e1e1;}
.right_cpa h1{font-size:16px; height: 25px; overflow: hidden;padding-bottom: 10px;}
#page{width:100%; float: left; margin-bottom: 30px;}
.cp_leftimg{width:100%; float: left; padding: 10px 4%;}
.right_cpxx{width:100%; float: left; padding: 10px 4%;}
.right_cpxxa h1{font-size:16px; font-weight: bold; padding-bottom: 10px;}
.a_xp{display: none;}
.cpxx_reada span{padding:15px 30px; background: #2070d1;color:#fff; float: left;}
.cpxx_reada{border-bottom:1px solid #e1e1e1;}
.xxk_menub{width:100%; float: left;}
.xxk_menub li{width:50%; float: left; padding: 10px 3%;}
.news_righta2 h1{font-size:16px; font-weight: bold;padding-bottom: 10px; padding-top: 15px;}
.news_righta2 dd{font-size:12px; color:#777; margin-bottom: 15px;}
.news_righta2 dd span{margin-right:10px;}
.news_righta2 p{font-size:14px; line-height: 26px;}
.news_righta{padding-bottom:30px;}
.lx_list{width:100%; float: left; margin-top: 40px; margin-bottom: 40px; padding: 0px 10%;}
.lx_lista img{border:12px solid #e1e1e1;}
.lx_lista h1{font-size:30px; font-family: 'cczt';text-transform: uppercase; padding-top: 20px; text-align: center;}
.lx_listb{padding:30px;}
.lx_listb dd{width:90px; transition: all 0.6s; position: relative; z-index: 100; height:90px; margin: 0px auto; border: 2px dashed #e1e1e1; border-radius: 500px; background: #fff; }
.lx_listb dd span{display:block; background: #fff; line-height: 70px; font-size:30px; text-align: center; width: 70px; height: 70px;border: 1px dashed #e1e1e1; border-radius: 500px; margin: 8px;color:#2070d1;}
.lx_listb p{width:100%; height: 1px; background: #e1e1e1; position: relative; margin-top: -44px; z-index: 10;}
.lx_listc{margin-top:40px; text-align: center; font-size:16px; font-family: 'century';color:#666;}
.lx_listc dd{width:100px; height: 1px; background: #e1e1e1; margin: 20px auto;}
.lx_list:hover .lx_listb dd{background:#2070d1;}
.wap_kd,.wap_kd dd{width:100%;}
.about_bg{padding:100px 4%;}
.about_tt h1{font-size:30px; font-weight:bold;color:#fff; padding-top: 50px;}
.about_tt dd{font-size:20px; padding-top: 10px;color:#fff;}
.about_con{width:100%; float: left; font-size:16px;line-height:28px; color:#fff; padding-top: 40px;}
.wh_tt{padding:20px 4%;}
.wh_tt h1{font-size:30px; font-weight: bold; position: relative; z-index: 40;}
.wh_tt p{font-size:20px;font-family: 'Arial';text-transform:uppercase;color:#ccc; position: relative; z-index: 20; margin-top: -10px; margin-bottom: 40px;}
.qywh_list{float:left; margin-bottom: 30px; width:100%; background: #fff;}
.qywh_listb{padding:30px 20px;}
.qywh_listb h1{font-size:30px; padding-bottom: 20px;}
.qywh_listb h1 span{font-size:14px; font-family: 'Arial'; padding-left: 10px; text-transform:uppercase; color:#999;}
.qywh_listb p{font-size:16px; line-height: 30px;}
.jzg_cs{font-size:20px; padding: 10px 4%; }
.jzg_cs p{margin-bottom:20px; line-height: 32px;}
.jzg_cs p span{font-weight:bold; color:#3485fb; padding-right: 15px;}
.xxk_menuba li{width:50%; float: left;padding: 10px;}
.xxk_menub li img,.xxk_menuba li img{width:100%; border:8px solid #e1e1e1;}
.xxk_menub li h1{font-size:18px; text-align: center; padding: 18px 0px;}
.news_more{text-align:center; margin-top: 40px; margin-bottom: 50px;}
.news_more a{font-size:18px; border-top:1px solid #333; padding-top: 5px;}
}
.cpmenu_list{width:100%; float: left;}
/*==============================================================================*/
@keyframes hideIndex{
0%{ opacity: 0; transform: translate(0, 50px) }
100%{opacity: 1; transform: translate(0, 0) }
}
@keyframes hideIndexa{
0%{ opacity: 0; transform: translate(50px, 0) }
100%{opacity: 1; transform: translate(0, 0) }
}
.ly_ka2 input::-webkit-input-placeholder,.yusuan textarea::-webkit-input-placeholder{
color:#444; font-size:14px;
}
.ly_ka2 input::-moz-placeholder,.yusuan textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */color:#444;font-size:14px;}
.ly_ka2 input:-moz-placeholder,.yusuan textarea::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:#444;font-size:14px;}
.ly_ka2 input:-ms-input-placeholder,.yusuan textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#444;font-size:14px;}
@keyframes myfirst {
0% {
height: 0%;
}
10% {
height: 10%;
}
20% {
height: 20%;
}
30% {
height: 30%;
}
40% {
height: 40%;
}
50% {
height: 50%;
}
60% {
height: 60%;
}
70% {
height: 70%;
}
80% {
height: 80%;
}
90% {
height: 90%;
}
100% {
height: 100%;
}
}
@keyframes mysecond {
0% {
height: 100%;
}
10% {
height: 90%;
}
20% {
height: 80%;
}
30% {
height: 70%;
}
40% {
height: 60%;
}
50% {
height: 50%;
}
60% {
height: 40%;
}
70% {
height: 30%;
}
80% {
height: 20%;
}
90% {
height: 10%;
}
100% {
height: 0%;
}
}